<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
				<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.css" />

		<link rel="stylesheet" type="text/css" href="css/new_file.css" />

		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/jquery-2.1.4.min.js"></script>

		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

		<script src="js/new_file.js"></script>
	</head>
	
	<style type="text/css">
		body{
			background: linear-gradient(#5BC0DE,white,white)no-repeat;
		}
		#a{
			display: block;
			margin:0 auto;
		}
		.row{
			background: rgba(0,0,0,0.1);
			border-radius:10px ;
			padding-top:10px ;
		}
		.a{
			margin-left: 30px;
		}
	</style>
	<body>
		<div class="container">
			<div class="row col-md-12">
				<div class="row col-md-6 ">
				<h2>注册</h2>
			<form action="" method="post">
			<div class="form-group">
             <label for="name">昵称：</label>
             <input type="text" name="name" id="name" value="" placeholder="请输入昵称"  class="form-control"/>
           </div>
				<div class="form-group">
             <label for="name1">密码：</label>
             <input type="password" name="name" id="name1" value="" placeholder="请输入密码"  class="form-control"/>
            </div>	
            <div class="form-group">
             <label for="name2">确认密码</label>
             <input type="password" name="name" id="name2" value="" placeholder="请再次输入密码"  class="form-control"/>
            </div>	
            <div class="form-group">
             <p><label >性别：</label></p>
             <input type="radio" name="namer" id="name2" value="" />男
             <input type="radio" name="namer" id="name2" value=""  />女
            </div>	
            <div class="form-group">
             <label for="name3">生日日期：</label>
             <input type="text" name="name" id="name3" value="" placeholder="年/月/日"  class="form-control"/>
            </div>	
            <div class="form-group">
             <label for="name4">手机号：</label>
             <input type="tel" name="name" id="name4" value="" placeholder="请输入手机号"  class="form-control"/>
            </div>
            <div class="form-group">
             <label for="name5">手机验证码</label>
             <button class="btn btn-info">获取验证码</button>
             <input type="text" name="name" id="name5" value="" placeholder="请输入验证码"  class="form-control"/>

            </div>
            <div class="form-group">
			<input type="submit" name="" id="a" value="提交注册" class="btn btn-primary" />
				</div>
				</form>
				</div>
			<div class="row col-md-6 a  hidden-xs">
				<h2>已有账号,直接登陆</h2>
						<form action="" method="post">
			<div class="form-group">
             <label for="name">昵称：</label>
             <input type="text" name="name" id="name" value="" placeholder="请输入昵称"  class="form-control"/>
           </div>
				<div class="form-group">
             <label for="name1">密码：</label>
             <input type="password" name="name" id="name1" value="" placeholder="请输入密码"  class="form-control"/>
           </div>
			<input type="submit" name="" id="a" value="确认登陆" class="btn btn-primary" />
				</form>
			</div>
			</div>
			</div>
		</div>
	</body>
</html>
